<template>
  <div class="app-container">
    <el-card shadow="never" class="mb-3 font-600 text-center text-lg"> 装配车间各个工位布置 </el-card>
    <el-card shadow="never" class="mb-3 font-600">
      <!-- <div class="font-600 text-center text-lg">装配车间各个工位布置</div> -->
      一、小车架装配 </el-card>
    <div class="grid grid-cols-5 gap-4">
      <div class="bg-white p-4 rounded-md" v-for="(item, index) in 11" :key="index">
        <el-button type="primary" plain @click="$router.push('/plan/inventory')">工位{{ index + 1 }}</el-button> <br />
        <div class="p-1"></div>
        产品名称：美国 <br />
        产品工号：1313335 <br />
        机 号：1# <br />
        起止日期： <el-input v-model="num" style="width: 50%" size="small" />
      </div>
    </div>

    <el-card shadow="never" class="my-3 font-600"> 二、托架小车 </el-card>
    <div class="grid grid-cols-5 gap-4">
      <div class="bg-white p-4 rounded-md" v-for="(item, index) in 12" :key="index">
        <el-button type="primary" plain @click="$router.push('/plan/inventory')">工位{{ index + 1 }}</el-button> <br />
        <div class="p-1"></div>
        产品名称：美国 <br />
        产品工号：1313335 <br />
        机 号：1# <br />
        起止日期： <el-input v-model="num" style="width: 50%" size="small" />
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue"

const num = ref("")
</script>
<style lang="scss" scoped></style>
